<!DOCTYPE html>
<html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">

	<head>
		<title></title>
		<meta charset="utf-8">
		<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
		<!-- 全局css-->
		<link rel="stylesheet" href="../../css/fonts/font-awesome.min.css">
		<link rel="stylesheet" href="../../css/ui-box.css">
		<link rel="stylesheet" href="../../css/ui-base.css">
		<link rel="stylesheet" href="../../css/appcan.control.css">

		<!-- 页面单独css-->
		<link rel="stylesheet" href="../../css/swiper.min.css">
		<style type="text/css">
			.swiper-container {
				width: 100%;
				height: 100%;
			}
			
			.swiper-slide {
		      background-size: 100% 100%;
		      background-position: center;
		    }
		    
		    .to-login {
		    	width: 18.1875em;
		    	height: 2.8125em;
		    	line-height: 2.8125em;
		    	text-align: center;
		    	background-color: #009AFA;
		    	color: #FFF;
		    	border-radius: 10em;
		    	position: absolute;
		    	bottom: 3em;
		    	left: calc(50% - 9.09375em);
		    }
		</style>
	</head>

	<body class="bc-bg" ontouchstart>
		<!-- Swiper -->
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide" style="background-image:url(../../css/images/guide/guide1.png)"></div>
				<div class="swiper-slide" style="background-image:url(../../css/images/guide/guide2.png)"></div>
				<div class="swiper-slide" style="background-image:url(../../css/images/guide/guide3.png)">
					<div class="to-login">开始体验</div>
				</div>
			</div>
			<!-- Add Pagination -->
			<div class="swiper-pagination"></div>
		</div>

		<!-- 全局js-->
		<script src="../../js/appcan.js"></script>
		<script src="../../js/appcan.control.js"></script>
		<script src="../../js/appcan.scrollbox.js"></script>
		<script src="../../js/utils/common.js"></script>

		<!-- 页面功能js-->
		<script src="../../js/lib/swiper.min.js"></script>
		<script>
			appcan.ready(function() {
				var swiper = new Swiper('.swiper-container', {
					pagination: {
						el: '.swiper-pagination',
					},
				});
				
				appcan.button('.to-login', 'ani-act', function() {
					openWin('login');
					setTimeout(function() {
						closeWin();
					}, 1000);
				});
				
				// 拦截返回。返回退出app
				uexWindow.setReportKey(0, 1);
				uexWindow.onKeyPressed = function(keyCode) {
					if(keyCode == '0') {
						evalScript('root', 'closeWin(0)');
					}
				}
			});
			
		</script>
	</body>

</html>